<div class="pui-tabview ui-widget ui-widget-content ui-corner-all ui-hidden-container" 
 ng-class="{'pui-tabview-top': !isLeft, 'pui-tabview-left': isLeft}"> 
 <ul class="pui-tabview-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
	<li class="ui-state-default ui-corner-top" 
		ng-repeat="one in panes" 
		ng-click="selectPane($index);" 
		ng-mouseenter="one.isHover = true;" 
		ng-mouseleave="one.isHover = false;" 
		ng-class="{'pui-tabview-selected': one.isSelected, 'ui-state-active': one.isSelected, 'ui-state-hover': one.isHover}">
		<a>{{one.title}}</a>
		<span ng-if="one.isClosable" ng-click="removePane($index);" class="ui-icon ui-icon-close"></span>
	</li> 
 </ul> 
 <div class="pui-tabview-panels" ng-transclude=""> 
 </div> 
</div>